// pages/mvPlay/mvPay.js
import {
  getMvDetail
} from '../../api/mv'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    mvDetail: {},
    playUrl: '',
    value: '',
  },
  //field输入框自带方法
  onChange(event) {
    // event.detail 为当前输入的值
    console.log(event.detail);
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);
    getMvDetail(options.id).then(res => {
      //拿到了Key的数组
      let keys = Object.keys(res.data.data.brs)
      //取到了最后一个key的值
      let lastkey = keys[keys.length - 1]
      console.log(res.data.data.brs[lastkey]);
      this.setData({
        mvDetail: res.data.data,
        playUrl: res.data.data.brs[lastkey]
      })
    })
  },
  sendDanmu() {
    //需要执行发送弹幕
    //在微信小程序里提供了发送弹幕的api
    //在操作视频之前，需要先获取context（）视频的实例
    this.viewContext.sendDanmu({
      text: this.data.value,
      color: '#fa5252',
      time: 3
    })
    this.setData({
      value:''
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    //界面渲染完成之后执行
    //因为获取视频的实例，需要依赖于界面，所以放在了onReady里
    this.viewContext = wx.createVideoContext('video')

  },
  


  /**
   * 创建聊天室的链接
   * @param{*}postsId
   */
  connectChat(postsId) {
    //已经登录
    //创建链接
    const user=app.globalData.userInfo
    this.username=user.loginName;
       // 因为界面上要根据username判断聊天记录显示在左侧还是右侧,所以放在data上。
        this.setData({
          username:this.username
        })
        this.groupId = 'web09' + options.id
        this.nickname = user.username
        // this.avatar = 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1666058344,3866272653&fm=26&gp=0.jpg'
        this.avatar = user.avatar
        //简历了socket的链接了
        const url = `wss://showme.myhope365.com/websocketChat?username=${this.username}&password=&courseId=${this.groupId}&nickName=${this.nickname}&avatar=${this.avatar}`
        wx.connectSocket({
          url,
        })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return {
      title: 'Hope帖子',
    }
  }
})